<template>
    <van-tabs v-model:active="active">
        <van-tab title="全部">
            <van-card num="2" price="2.00" desc="描述信息" title="商品标题"
                thumb="https://fastly.jsdelivr.net/npm/@vant/assets/ipad.jpeg" @click="zouni"/>
            <van-card num="2" price="2.00" desc="描述信息" title="商品标题"
                thumb="https://fastly.jsdelivr.net/npm/@vant/assets/ipad.jpeg" @click="zouni"/>
            <van-card num="2" price="2.00" desc="描述信息" title="商品标题"
                thumb="https://fastly.jsdelivr.net/npm/@vant/assets/ipad.jpeg" @click="zouni"/>
        </van-tab>
        <van-tab title="代付款">内容 2</van-tab>
        <van-tab title="待发货">内容 3</van-tab>
        <van-tab title="已完成">内容 4</van-tab>
        <van-tab title="已取消">内容 4</van-tab>
    </van-tabs>

</template>

<script setup>
import { useRouter } from 'vue-router';
let router=useRouter()
let zouni=()=>{
    router.push('/order')
}
</script>

<style lang="scss" scoped></style>